/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var width;
var height;
var previewWidth;
var previewHeight;
var formId="picturesForm";
var formulario;


function initCropping(widthVar,heightVar,previewWidthVar, previewHeightVar){
    previewWidth=previewWidthVar;
    previewHeight=previewHeightVar;
    width=widthVar;
    height=heightVar;
    var x;
    x=$(document);
    x.ready(inicializarEventosCrop);
    
}

function inicializarEventosCrop(){
    image=$(".divOriginalImage").find('img');
    image.Jcrop({
		onSelect: finishedSelection,
		aspectRatio: previewWidth/previewHeight,
                keySupport: false,
                setSelect: [ 0, 0, 50, 50 ]
    });
}

function finishedSelection(coords){
    image=$(".divOriginalImage").find('img');
    imageRatio=width/image.width();
    $(PrimeFaces.escapeClientId(formId+":x1")).val(Math.round((coords.x*imageRatio)+2));
    $(PrimeFaces.escapeClientId(formId+":x2")).val(Math.round((coords.x2*imageRatio)-2));
    $(PrimeFaces.escapeClientId(formId+":y1")).val(Math.round((coords.y*imageRatio)+2));
    $(PrimeFaces.escapeClientId(formId+":y2")).val(Math.round((coords.y2*imageRatio)-2));
    $(PrimeFaces.escapeClientId(formId+":cropWidth")).val(Math.round((coords.w*imageRatio)-2));
    $(PrimeFaces.escapeClientId(formId+":cropHeight")).val(Math.round((coords.h*imageRatio)-2));
}

function debug(){
    var true1=true;
}

//$(window).load(function() {
//    
//    if(!Modernizr.csscolumns){
//        $('.masonryContainter').masonry({
//            itemSelector: '.panelContainerWidth',
//            stamp: '.barTabMenu'
//        });
//    }
//    if(!Modernizr.video){
//        $( "video" ).each(function(){
//            var id=$(this).attr('id');
//            videojs(id, {'controls': true, 'autoplay': false, 'preload': 'auto' }, function(){
//            });
//            //$('.masonryContainter').masonry('layoutItems',$('.panelContainerWidth'),true);
//            
//            setTimeout(function(){
//                $('.masonryContainter').masonry('destroy');
//                $('.masonryContainter').masonry({
//                    itemSelector: '.panelContainerWidth',
//                    stamp: '.barTabMenu'
//                });
//            },1000);
//
//        });
//    }
//});
//
function reloadContainers(){
//      if(!Modernizr.csscolumns){
//        $('.masonryContainter').masonry('destroy');
//        $('.masonryContainter').masonry({
//                        itemSelector: '.panelContainerWidth',
//                        stamp: '.barTabMenu'
//                    });
//      }
        setTimeout(function(){
            $('#container').isotope({
            // options
            itemSelector : '.panelContainerWidth',
            layoutMode : 'masonry'
            });
        },500);
        setTimeout(function(){
            $('#container').isotope({
            // options
            itemSelector : '.panelContainerWidth',
            layoutMode : 'masonry'
            });
        },1000);
        setTimeout(function(){
            $('#container').isotope({
            // options
            itemSelector : '.panelContainerWidth',
            layoutMode : 'masonry'
            });
        },1500);
}

$(window).load(function() {
    
        $('#container').isotope({
        // options
        itemSelector : '.panelContainerWidth',
        layoutMode : 'masonry'
        });
        
        if(!Modernizr.video){
            $( "video" ).each(function(){
            var id=$(this).attr('id');
            videojs(id, {'controls': true, 'autoplay': false, 'preload': 'auto' }, function(){
            });
            
            setTimeout(function(){
                $('#container').isotope({
                // options
                itemSelector : '.panelContainerWidth',
                layoutMode : 'masonry'
                });
            },500);
            setTimeout(function(){
                $('#container').isotope({
                // options
                itemSelector : '.panelContainerWidth',
                layoutMode : 'masonry'
                });
            },1000);
            setTimeout(function(){
                $('#container').isotope({
                // options
                itemSelector : '.panelContainerWidth',
                layoutMode : 'masonry'
                });
            },1500);
        });
    }

});